<template>
    <div class="levelprivilege">
        <Header :isBack="isBack" v-bind:title="title"></Header>
        <div class="content bg-f padding-24">
            <table>
                <tr>
                    <th class=" fs-32" style="width:1.5rem">等级</th>
                    <th class=" fs-32">特权</th>
                </tr>
                <tr v-for='(item,index) in privilegelist' :key="index">
                    <td class="fs-32">{{item.level}}</td>
                    <td>
                        <p class="center-col" v-for="(items,indexs) in item.privilege" :key="indexs">{{items}}</p>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            isBack:true,
            title:'等级特权',
            privilegelist:[
                // {
                //     level:'LV1',
                //     right:[
                //         '等级数据每天早上6点更新施工方会员统计月坛南街官员们钢化膜',
                //         '等级数据每天早上6点更新',
                //         '等级数据每天早上6点更新'
                //     ]
                // },
                // {
                //     level:'LV2',
                //     right:[
                //         '等级数据每天早上6点更新',
                //         '等级数据每天早上6点更新',
                //         '等级数据每天早上6点更新'
                //     ]
                // }
            ]
        }
    },
    created(){
        this.getmusicUserUpgradeRulesList()
    },
    methods:{
        getmusicUserUpgradeRulesList(){
            var url = this.$host1 + `admin/vip/musicUserUpgradeRulesList`;
            this.$axios.get(url).then(res => {
                //console.log(res)
                //return
                if (res.status == 200) {
                let resData = res.data;
                if (resData.code == 200) {
                    this.privilegelist=resData.data
                }else{
                    this.privilegelist=[]
                    this.AlertWin(resData.message);
                }
                }
            }).catch(() => {
                this.privilegelist=[]
                this.AlertWin("网络错误！请稍后重试！");
            });
        }
    }
}
</script>
<style lang="scss" scoped>
.levelprivilege{
    .content{
        margin-top: 1rem;
        padding-top: 0.001rem;
        padding-bottom: 0.2rem;
        table{
            margin-top: 0.1rem;
            width: 100%;
             padding:0;
            border-collapse:collapse;
            border-width:0.01rem 0 0 0.01rem;
            border: 0.01rem solid #e9e9e9;
            tr{
                th{
                    height: 1rem;
                    line-height: 1rem;
                    text-align: center;
                    border-width:0.01rem 0 0 0.01rem;
                    border: 0.01rem solid #e9e9e9;
                }
                td:first-child{
                    text-align: center;
                }
                td{
                    border-width:0.01rem 0 0 0.01rem;
                    border: 0.01rem solid #e9e9e9;
                    //text-align: center;
                    line-height: 0.4rem;
                    padding: 0.2rem 0;
                    p{
                        margin-left: 1rem;
                        position: relative;
                    }
                    p::before{
                        content:'';
                        width: 0.05rem;
                        height: 0.05rem;
                        background-color: #999;
                        border-radius: 50%;
                        margin-left: -0.2rem;
                        top: 0.2rem;
                        position: absolute;
                    }
                }
            }
        }
    }
}
</style>
